<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_regdata">
            <header class="head-nav-wrap">
                <div class="head-nav ">
                    <div class="nav-title">
                        完善资料
                    </div>
                    <div class="nav-left">
                        <a href="javascript:;" onclick="bottlecms.back()">
                            <i class="icon icon-bottlecms-100"></i>
                        </a>
                    </div>
                    <div class="nav-right">
                        <a href="/m/center/single/setuptwo" class="hbtn">跳过</a>
                    </div>
                </div>
            </header>
            <div class="page-content">
                <div class="bcui-step" step="1">
                    <div class="step-cons">
                        <div class="step" step="1">
                            <form action="/m/ajax/center/single/setup" bottlecms-form-ajax="" target="/m/center/single/setuptwo"
                                  id="thisform" method="post">
                                <nav bcui-popform="" class="handle-list">
                                    <div class="list-item " form-item-name="nickname" form-item-placeholder="请填写昵称"
                                         form-item-type="text" th:attr="form-item-value=${single.nickname}">
                                        <input type="hidden" name="nickname" th:value="${single.nickname}">
                                        <div class="item-title">
                                            昵称
                                        </div>
                                        <div class="item-info data">
                                            <em th:if="${single.nickname eq '' or single.nickname eq null}">请输入昵称</em>
                                            <em th:if="${single.nickname ne ''}" th:text="${single.nickname}"></em>
                                        </div>
                                    </div>
                                    <div class="list-item">
                                        <div class="item-title">
                                            性别
                                        </div>
                                        <div class="item-info data">
                                            <label class="radio-inline c-radio">
                                                <input bottlecms-radio="" type="radio"
                                                       name="gender" value="1"
                                                       th:checked="${single.gender eq 1}"><span
                                                    class="fa fa-circle"></span>
                                                <text>男士</text>
                                            </label><label class="radio-inline c-radio">
                                            <input bottlecms-radio=""
                                                   type="radio"
                                                   name="gender" value="2"
                                                   th:checked="${single.gender eq 2}"><span
                                                class="fa fa-circle"></span>
                                            <text>女士</text>
                                        </label>
                                        </div>

                                    </div>

                                    <div class="list-item " form-item-name="birthday" form-item-type="date"
                                         form-item-value="" form-item-year-max="-90" form-item-year-min="-18">
                                        <input type="hidden" name="birthday"
                                               th:value="${#dates.format(single.birthday, 'yyyy-MM-dd')}">
                                        <div class="item-title">
                                            出生日期
                                        </div>
                                        <div class="item-info data">
                                            <em th:if="${single.birthday eq '' or single.birthday eq null}">请选择</em>
                                            <em th:if="${single.birthday ne ''}"
                                                th:text="${#dates.format(single.birthday, 'yyyy-MM-dd')}"></em>
                                        </div>
                                    </div>
                                    <div class="list-item " form-item-name="district" form-item-type="district"
                                         th:attr="form-item-value=${single.districtCn}">
                                        <input type="hidden" name="district" th:value="${single.district}">
                                        <div class="item-title">
                                            所在地区
                                        </div>
                                        <div class="item-info data">
                                            <em th:if="${single.district eq '' or single.district eq null } ">请选择</em>
                                            <em th:if="${single.district ne ''}" th:text="${single.districtCn}"></em>
                                        </div>
                                    </div>
                                    <div style="  padding: .5rem; padding-top: 2rem;">联系方式</div>
                                    <div class="list-item " form-item-name="phone" form-item-placeholder="请填写电话"
                                         form-item-type="text" th:attr="form-item-value=${bcSingleContacts.phone}">
                                        <input type="hidden" name="phone" th:value="${bcSingleContacts.phone}">
                                        <div class="item-title">
                                            电话
                                        </div>
                                        <div class="item-info data">
                                            <em th:if="${bcSingleContacts.phone eq ''}">请输入电话</em>
                                            <em th:if="${bcSingleContacts.phone ne ''}"
                                                th:text="${bcSingleContacts.phone}"></em>
                                        </div>
                                    </div>

                                </nav>

                                <div class="btnbox">
                                    <button class="btn submit" type="submit">
                                        下一步
                                    </button>
                                </div>

                                <div style="height:80px;"></div>
                            </form>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>

    <div th:replace="layout/m_layout::m_top_menu"></div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script type='text/javascript' src="/m/js/category.js"></script>
    <script type='text/javascript' src="/m/js/category_district.js"></script>
    <script id="javascript-bottlecms-popform" src="/m/js/bottlecms-popform.js" type="text/javascript"></script>

    <script type="text/javascript">
        //初始化popform
        bottlecms.popform.init();
    </script>


</div>
</html>
